<!DOCTYPE html>
<html style="font-size: 152.813px;">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>纪淑荣邀请您参加这个活动太劲爆啦！豪礼疯狂送！维纳美容会所活动火爆进行中！</title>
    <link rel="stylesheet" type="text/css" href="css/com.css">
    <link rel="stylesheet" type="text/css" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/new.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/com.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/ueditor.parse.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
</head>

<body id="vicBody" style="display: block;background: url(images/bg3x.jpg);background-size: cover;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;">
<div class="vicFixed" style="display: block;">
    <ul class="vicMsg">
        <li style="opacity: 0;">
            <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLuljhONibncnfVQyQUt3MUGFT6ticEMFmNbkOylO0N3qkPuM2qQNibDus8V0qwhFjj2gib65ByWejUoA/132" alt="" class="vicHimg">
            <span class="vicDesc">王菲菲 <span class="vicMoney">5.88</span>元红包</span>
        </li>
        <li style="opacity: 0;">
            <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTJ3q0LkadjOvytZwXOgwJeTfJ5an2lcBsbSTL6qdlxgQJHm6zp5dPYO8dooos9GyP7LtfUkTWiaokw/132" alt="" class="vicHimg">
            <span class="vicDesc">袁华丽 <span class="vicMoney">1.88</span>元红包</span>
        </li>
        <li style="opacity: 0;">
            <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLKJlACfia07u7jZJORpGZy5IW57E3XUacfO3wLB6yibWMFYFeQIcyiaJCzAdO73sfsqz5r284JvBVyA/132" alt="" class="vicHimg">
            <span class="vicDesc">王莉莉 <span class="vicMoney">5.88</span>元红包</span>
        </li>
        <li style="opacity: 0;">
            <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83erSRT8MW50hkHRXjfCq2RvXhbznicibV3rVJkVGibfOlsFyHNgCLDjygIm5967vhbzJich2THtGsheNAw/132" alt="" class="vicHimg">
            <span class="vicDesc">于玲 <span class="vicMoney">5.88</span>元红包</span>
        </li>
    </ul>

    <span class="vicGetMoney vicCWRotate360" style="background-image: url(images/zhuan.png);"></span>
    <div class="vicConnection" style="background-image: url(images/line3x.png);">
        <img src="images/phone.png" alt="" class="vicPhone">
        <img class="vicJoinBm" src="images/bming.png">
        <img id="phb" src="images/phb.png" alt="" class="vicAdmin">
    </div>
</div>
<section class="vicContent" style="background: url('images/bg.jpg') 0% 0% / cover no-repeat;">
    <div class="vicCusImgsContainer" style="height:1px;background-color: transparent;"></div>
    <div class="vicCusImgsContainer" style="margin-top: -.02rem;">
        <div class="swiper-container" id="swiper1">
            <div class="swiper-wrapper">
                <!--<div class="swiper-slide"><img src="images/58b7be87f78d3189c6f9f53250ee9f76.jpg" alt=""></div>-->
                <div class="swiper-slide"><img src="images/d40f58151758bc266c49c39693990e0e.jpg" alt=""></div>
                <div class="swiper-slide"><img src="images/bedeeb1e7fb67898a3e280b64b76e95b.jpg" alt=""></div>
                <div class="swiper-slide"><img src="images/eb76e4dc5f1b4545548184541883b6e4.jpg" alt=""></div>
                <div class="swiper-slide"><img src="images/e82aa9712a4bdb4062068c7acfa93342.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <script>
            var mySwiper = new Swiper ('#swiper1', {
                pagination: '.swiper-pagination',
                paginationClickable: true,
                spaceBetween: 30,
                centeredSlides: true,
                autoplay: 2500,
                //height: 200,
                autoplayDisableOnInteraction: false
            })
        </script>
    </div>
    </div>
    <style>
        section.vicContent>.vicProcess>.vicProcessBg>.vicProcessFg:before {
            content: "34%";
        }
    </style>
    <div class="vicProcess">
            <span class="vicProcessBg">
                <span class="vicProcessFg" style="width: 34%;background-image:url('images/process.png');"></span>
            </span>
        <span class="vicJoinedCount">已报名&nbsp;<span class="vicJCount">102</span>人</span>
    </div>
    <div class="content t_time">
        <p>
            <span style="color:#FFDE00;">活动截止倒计时</span>
            <br />
        </p>
        <div class="yomibox" data="2018-08-01 00:00:00"></div>
    </div>
    <div class="vicCusImgsContainer"></div>
    <div class="vicCusImgsContainer contentbieber">
        <div class="introduction_content">
            <div class="text-center">
                <div class="tab-pane fade  in active" id="page1">
                    <p><img src="images/f2b10f5b80a02dd0d4b8323763b9f24d.jpg"/></p>
                    <p><img src="images/9e22ead291c02357603e32f34e8968b6.jpg"/></p>
                    <p><img src="images/77982dc8fb0d0b0e0f36d1d2b3c6f1bd.jpg"/></p>
                    <p><img src="images/4294c754e77355cd326ddaf3d50dae87.jpg"/></p>
                    <p><img src="images/c676ad8df409fa9e8c7cb07286336abd.jpg"/></p>
                    <p><img src="images/9fd0349c7518d0b6fe9fff565b7e7b6c.jpg"/></p>
                    <p><br/></p>
                    <p style="white-space: normal;"><span style="color: rgb(255, 255, 255);">地址：淮阳西关维纳美容会所</span></p>
                    <p style="white-space: normal;"><span style="color: rgb(255, 255, 255);">温馨提示：红包领取时间为24小时，超时未领取将退回系统，请您随时留意公众号信息并及时领取红包</span></p>
                    <p style="white-space: normal;"><br/></p>
                </div>

            </div>
        </div>
    </div>
    <div id="vicRedBag" class="vicHeroListCon" style="background-image: url('images/redBag.png');">
        <ul class="vicHeroList scrollmsg">
            <li class="vicHeroItem vicNo.1" style="top:0px;">
                <span class="vicRankingPos">No.1</span>
                <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLuljhONibncnfVQyQUt3MUGFT6ticEMFmNbkOylO0N3qkPuM2qQNibDus8V0qwhFjj2gib65ByWejUoA/132" class="vicHeroImg">
                <span class="vicNickName">王菲菲</span>
                <span class="vicMoney" style="width:50px;">149.56元</span>
            </li>
            <li class="vicHeroItem vicNo.113" style="top:0px;">
                <span class="vicRankingPos">No.13</span>
                <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83eo2ibNjTjzE4uKqazia2qnAHx1lCrlCQtiaHWy26Gicuns4VrstysGbmicgdEZGLycOEI7QrPoH5EJL1Rw/132" class="vicHeroImg">
                <span class="vicNickName">郭杰</span>
                <span class="vicMoney" style="width:50px;">0.00元</span>
            </li>
            <li class="vicHeroItem vicNo.1" style="top:0px;">
                <span class="vicRankingPos">No.1</span>
                <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLuljhONibncnfVQyQUt3MUGFT6ticEMFmNbkOylO0N3qkPuM2qQNibDus8V0qwhFjj2gib65ByWejUoA/132" class="vicHeroImg">
                <span class="vicNickName">王菲菲</span>
                <span class="vicMoney" style="width:50px;">149.56元</span>
            </li>
            <li class="vicHeroItem vicNo.113" style="top:0px;">
                <span class="vicRankingPos">No.13</span>
                <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83eo2ibNjTjzE4uKqazia2qnAHx1lCrlCQtiaHWy26Gicuns4VrstysGbmicgdEZGLycOEI7QrPoH5EJL1Rw/132" class="vicHeroImg">
                <span class="vicNickName">郭杰</span>
                <span class="vicMoney" style="width:50px;">0.00元</span>
            </li>
            <li class="vicHeroItem vicNo.1" style="top:0px;">
                <span class="vicRankingPos">No.1</span>
                <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLuljhONibncnfVQyQUt3MUGFT6ticEMFmNbkOylO0N3qkPuM2qQNibDus8V0qwhFjj2gib65ByWejUoA/132" class="vicHeroImg">
                <span class="vicNickName">王菲菲</span>
                <span class="vicMoney" style="width:50px;">149.56元</span>
            </li>
            <li class="vicHeroItem vicNo.113" style="top:0px;">
                <span class="vicRankingPos">No.13</span>
                <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83eo2ibNjTjzE4uKqazia2qnAHx1lCrlCQtiaHWy26Gicuns4VrstysGbmicgdEZGLycOEI7QrPoH5EJL1Rw/132" class="vicHeroImg">
                <span class="vicNickName">郭杰</span>
                <span class="vicMoney" style="width:50px;">0.00元</span>
            </li>
        </ul>
        <div class="vicAlphaMask"></div>
    </div>
</section>
<!--这罩层-->
<div class="vicBmUrl" style="display: none; ">
    <img class="vicMaskEWMAlert MC" src="">
</div>
<div id="vicGoIn" class="vicMaskAlert" style="display: none; ">
    <div class="vicMaskPayAlert MC">
        <img class="vicPayBtnInAlert" src="images/bming.png" onclick="$('#vicGoIn').hide();$('.vicMaskJoin').show();">
        <input id="pay" type="hidden">
    </div>
</div>
<div class="vicMaskEWM" style="display: none;">
    <img id="imginfo" class="vicMaskEWMAlert MC" src="">
</div>
<div id="vicGoPay" class="vicMaskAlert" style="display: none; ">
    <div class="vicMaskPayAlert MC">
        <img class="vicPayBtnInAlert" src="images/pay.png" onclick="payment();">
    </div>
</div>
<div class="vicShare" style="display: none;background-image: url(images/share.png);">
</div>
<div class="vicMaskJoin" style="display: none;">
    <div class="vicTakePartIn MC" style=" background: url(images/joinBoard3x.png);background-size: contain;background-repeat: no-repeat;">
        <h4>请留下您的联系方式以便我们及时联系您!</h4>
        <div class="vicInputConN" style=" background-image: url(images/nameBox3x.png?1);">
            <input id="vicMaskName" placeholder="请填写真实姓名" type="text" >
        </div>
        <div class="vicInputConP" style=" background-image: url(images/phoneBox3x.png?1);">
            <input id="vicMaskPhone" placeholder="请输入手机号" type="tel" >
        </div>

        <input style="margin-top: .22rem; background: url(images/payForJoin3x.png);background-size: contain;background-repeat: no-repeat;" src="images/pay3.png" onclick="payment();" value="支付19.90元立即报名" class="vicBtn" type="button">
    </div>
</div>
<div class="vicMaskCall" style="display: none;">
    <div class="vicCallCon MC" style="background: url(images/callBoard3x.png);background-size: contain;background-repeat: no-repeat;">
        <img src="images/0dd18d14fbabfdbf515f45ac5e7c8315.jpg" class="vicCallImg" style="border-radius: 0 ">
        <div class="desc">
            <span class="vicNickName">维纳美容会所</span>
            <span class="vicPhone">13592272181</span>
        </div>
        <a href="tel:13592272181"><img src="images/call3.png" alt="" class="Btn"></a>
    </div>
</div>
<!--start 弹出窗-->
<style>
    .inputbcg-colorS {
        background-color: rgb(0, 255, 255) !important;
    }
</style>
<div id="joingroup_mask">
    <div class="group-grid">
        <div class="group-content">
        </div>
    </div>
</div>
<link rel="stylesheet" type="text/css" href="css/mobile_music.css">
<div id="audio_btn" class="">
    <div id="yinfu" class="rotate" style="top: 5px;"></div>
</div>

<audio id="bgaudio" src="http://pbqp3mu5z.bkt.clouddn.com/1ec80ad99b7f5d4017a7d03731ba987f.mp3" preload loop="loop"></audio>
<a href="#"></a>
<script type="text/javascript">
    function audioAutoPlay(id) {
        var audio = document.getElementById(id),
            play = function() {
                audio.play();
                document.removeEventListener("touchstart", play, false);
            };
        audio.play();
        document.addEventListener("WeixinJSBridgeReady", function() {
            play();
        }, false);
        document.addEventListener("touchstart", play, false);
    }

    function audioAutopause(id) {
        var audio = document.getElementById(id),
            pause = function() {
                audio.pause();
                document.removeEventListener("touchstart", pause, false);
            };
        audio.pause();
        document.addEventListener("WeixinJSBridgeReady", function() {

            pause();

        }, false);

        document.addEventListener("touchstart", pause, false);
    }
</script>
<input id="orders_id" value="" type="hidden">
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    var shareTitle = '纪淑荣邀请您参加这个活动太劲爆啦！豪礼疯狂送！维纳美容会所活动火爆进行中！';
    window.shareData = {
        "moduleName": "",
        "moduleID": "",
        "imgUrl": "http://yll.19wulian.com/public/upload/goods/2018/07-04/07bbcb5503c8a2a27468f52fa31ab174.jpg",
        "sendFriendLink": "http://yll.19wulian.com/index.php/Mobile/Goods/goodsInfo?id=116&pid=10909",
        "tTitle": shareTitle,
        "tContent": "看了三遍都不信！！！19.9邀你一做美容七重豪礼等你来拿！！！"
    };
</script>
<span class="share-callback">分享成功</span>
<script type="text/javascript">
    //    uParse('#contentbieber', {
    //        rootPath: '/static/admin/js/udeitor/'
    //    });
    var img_list = $(".introduction_content img");
    for (var i = 0; i < img_list.length; i++) { //循环为每个img设置
        console.log("enroll.js---------," + i);
        img_list[i].removeAttribute("width");
        img_list[i].removeAttribute("height");
        img_list[i].removeAttribute("style");
    };
</script>
<script type="text/javascript">

    wx.ready(function() {
        audioAutoPlay('bgaudio');

        $("#audio_btn").click(function() {

            $("#audio_btn").toggleClass("mytest");

            if ($(this).hasClass('mytest')) {
                console.log('mytest');
                audioAutopause('bgaudio');

            } else {
                console.log('no mytest');
                audioAutoPlay('bgaudio');

            }

        });
        // 2. 分享接口
        // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口
        wx.onMenuShareAppMessage({
            title: shareTitle,
            desc: "看了三遍都不信！！！19.9邀你一做美容七重豪礼等你来拿！！！",
            link: "http://yll.19wulian.com/index.php/Mobile/Goods/goodsInfo?id=116&pid=10909",
            imgUrl: "http://yll.19wulian.com/public/upload/goods/2018/07-04/07bbcb5503c8a2a27468f52fa31ab174.jpg",
            success: function() {
                location.href="http://yll.19wulian.com/index.php/Mobile/Goods/goodsInfo?id=116&pid=10909";
            },
            cancel: function() {
                //alert('分享朋友失败');
            }
        });


        // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
        wx.onMenuShareTimeline({
            title: shareTitle,
            desc: "看了三遍都不信！！！19.9邀你一做美容七重豪礼等你来拿！！！",
            link: "http://yll.19wulian.com/index.php/Mobile/Goods/goodsInfo?id=116&pid=10909",
            imgUrl: "http://yll.19wulian.com/public/upload/goods/2018/07-04/07bbcb5503c8a2a27468f52fa31ab174.jpg",
            success: function() {
                location.href="http://yll.19wulian.com/index.php/Mobile/Goods/goodsInfo?id=116&pid=10909";
            },
            cancel: function() {
                //alert('分享朋友圈失败');
            }
        });

        // 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口
        wx.onMenuShareWeibo({
            title: window.shareData.tTitle,
            desc: window.shareData.tContent,
            link: window.shareData.sendFriendLink,
            imgUrl: window.shareData.imgUrl,
            success: function() {
                shareHandle('weibo');
                //alert('分享微博成功');
            },
            cancel: function() {
                //alert('分享微博失败');
            }
        });
        wx.error(function(res) {
            if (res.errMsg) {
                //alert(res.errMsg);
                wx.hideOptionMenu();
            }
        });
    });


</script>
<script>
    var appId, timeStamp, nonceStr, package_1, signType, paySign;
    $("#joingroup_mask>div>div>form>div.inputbcg").click(function() {
        $("#joingroup_mask>div>div>form>div.inputbcg").each(function() {
            $(this).removeClass("inputbcg-colorS").addClass($(this).attr("name"));
        })
        $(this).removeClass($(this).attr("name")).addClass("inputbcg-colorS");
    })
    jQuery.fn.shake = function(intShakes /*Amount of shakes*/ , intDistance /*Shake distance*/ , intDuration /*Time duration*/ ) {
        this.each(function() {
            var jqNode = $(this);
            jqNode.css({
                position: 'relative'
            });
            for (var x = 1; x <= intShakes; x++) {
                jqNode.animate({
                    left: (intDistance * -1)
                }, (((intDuration / intShakes) / 4)))
                    .animate({
                        left: intDistance
                    }, ((intDuration / intShakes) / 2))
                    .animate({
                        left: 0
                    }, (((intDuration / intShakes) / 4)));
            }
        });
        return this;
    }
    var to_payorder = false;

    function bmurlhide() {
        console.log('bmurlhide');
        $('#vicBmUrl.vicMaskAlert').hide();
    }

    function payment() {
        var isP = '0';
        if(isP == '1'){
            alert('您已经参加过活动');
            return false;
        }
        $('.vicMaskJoin').hide();
        if (to_payorder) {
            return false;
        }
        var address = '';
        var name = $('#vicMaskName').val();
        var phone = $('#vicMaskPhone').val();
        if (name == "") {
            alert(" 姓名不能为空！");
            return false;
        }
        if (phone == "") {
            alert(" 电话不能为空！");
            return false;
        }
        if (!(/^1\d{10}$/.test(phone))) {
            alert(" 手机号码有误，请重填");
            return false;
        }

        to_payorder = true;
        var pid = "10909";
        var id = "116";
        //console.log("pid=" + pid + ",id=" + id);
        $.post("/Mobile/Goods/inOrder", {
            name: name,
            phone: phone,
            address: address,
            pid: pid,
            id: id
            //paymemory: '19.9'
        }, function(json) {
            if (json.status != 1) {
                alert(json.msg);
                to_payorder = false;
            } else {
                var pay = json.data;
                console.log("pjson" + JSON.stringify(pay));
                appId = pay.appId;
                timeStamp = pay.timeStamp;
                nonceStr = pay.nonceStr;
                package_1 = pay.package;
                signType = pay.signType;
                paySign = pay.paySign;
                callpay();
            }
        }, "json");

    }

    function jsApiCall() {
        WeixinJSBridge.invoke(
            'getBrandWCPayRequest', {
                "appId": appId, //公众号名称，由商户传入
                "timeStamp": timeStamp, //时间戳，自 1970 年以来的秒数
                "nonceStr": nonceStr, //随机串
                "package": package_1,
                "signType": signType, //微信签名方式:
                "paySign": paySign
            }, //微信签名
            function(res) {

                if (res.err_msg == "get_brand_wcpay_request:ok") {
                    console.log('pay ok');

                    // $("#vicBmUrl.vicMaskAlert").show();
                    window.location.href = "http://yll.19wulian.com/index.php/Mobile/Goods/goodsInfo?id=116&pid=10909";
                    // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回 ok，但并不保证它绝对可靠。
                } else {
                    to_payorder = false;
                    // return false;
                    if (res.err_msg == 'get_brand_wcpay_request:cancel') {
                        var err_msg = '您取消了支付';
                    } else if (res.err_msg == 'get_brand_wcpay_request:fail') {
                        var err_msg = '支付失败<br/>错误信息：' + res.err_desc;
                    } else {
                        var err_msg = res.err_msg + '<br/>' + res.err_desc;
                    }
                    alert(err_msg);
                    alert('支付失败!');
                    window.location.href = "http://yll.19wulian.com/index.php/Mobile/Goods/goodsInfo?id=116&pid=10909";
                    return false;
                }
            }
        );
    }

    function callpay() {
        if (typeof(WeixinJSBridge) == "undefined") {
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
            } else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', jsApiCall);
                document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
            }
        } else {
            jsApiCall();
        }
    }

    function forNeed() {
        //低栏立即参团按钮1
        $('#phb').on("touchend", function() {
            location.href = "#vicRedBag";
        });
        $(".vicJoinBm").on("touchend", function() {
            $(this).shake(2, 10, 400);
            $('.vicMaskJoin').show();
            // $("#vicGoIn.vicMaskAlert").show();
        });


        //左侧 赚按钮 1
        $(".vicFixed>.vicGetMoney").on("touchend", function() {
            var isPay = '0';
            var isBm = '0';
            if (isBm == '0') {
                $("#vicGoIn.vicMaskAlert").show();
            } else if (isPay == '0') {
                $("#vicGoPay.vicMaskAlert").show();
            }

        });

    }

</script>
<!--20170109防止字体调整-->
<script>
    (function() {
        wx.config({
            debug: false,
            appId: 'wx1b2c8957b69713cb',
            timestamp: '1531379628',
            nonceStr: 'UELFXxOwbbIMS4zm',
            signature: 'ff86668b0a95815b80d8d8dfbaf1d2d2018ac23f',
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
            ]
        });
        if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
            handleFontSize();
        } else {
            if (document.addEventListener) {
                document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
            } else if (document.attachEvent) {
                document.attachEvent("WeixinJSBridgeReady", handleFontSize);
                document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
            }
        }

        function handleFontSize() {　　 // 设置网页字体为默认大小   　　
            WeixinJSBridge.invoke('setFontSizeCallback', {
                'fontSize': 0
            });　　 // 重写设置网页字体大小的事件           　　
            WeixinJSBridge.on('menu:setfont', function() {
                WeixinJSBridge.invoke('setFontSizeCallback', {
                    'fontSize': 0
                });
            });
        }
    })();
</script>
<script type="text/javascript" src="js/time_pick.js"></script>
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
</body>
</html>